<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>我的蚂蚁商城开发脚手架</title>
	<link rel="stylesheet" type="text/css" href="css/aui/aui.2.0.css">
</head>
<body>
	<div id="app">
		<header class="aui-bar aui-bar-nav" v-for="(vo,index) in list">
	    	<div class="aui-title">{{ vo.title }}</div>
		</header>

		<footer class="aui-bar aui-bar-tab" id="footer">
		    <div class="aui-bar-tab-item aui-active" tapmode>
		        <i class="aui-iconfont aui-icon-home"></i>
		        <div class="aui-bar-tab-label">首页</div>
		    </div>
		    <div class="aui-bar-tab-item" tapmode>
		        <i class="aui-iconfont aui-icon-star"></i>
		        <div class="aui-bar-tab-label">分类</div>
		    </div>
		    <div class="aui-bar-tab-item" tapmode> 
		        <i class="aui-iconfont aui-icon-cart"></i>
		        <div class="aui-bar-tab-label">购物车</div>
		    </div>
		    <div class="aui-bar-tab-item" tapmode>
		        <i class="aui-iconfont aui-icon-my"></i>
		        <div class="aui-bar-tab-label">我的</div>
		    </div>
		</footer>
	</div>
</body>
<script src="script/api.js"></script>
<script src="script/vue.js"></script>
<script>
	var vm = new Vue ({
		el:'#app',
		data:{
			list: [
				{title:'首页'},
				{title:'分类'},
				{title:'购物车'},
				{title:'我的'},
			]
		},
		methods:{

		},
		watch:{

		}
	})
</script>
</html>